{% extends "../../_basic.twig" %}

{% block header %}
    <script src="../../../src/aux-image/index.js"></script>
    <link rel="stylesheet" href="../../../src/aux-image/index.css?v={{random()}}">
{% endblock %}

{% block body %}
    <div>
        <div>默认top</div>
        <aux-image src="https://static.zhilizhili.com/static/3828461873613813290.jpg"></aux-image>
    </div>
    <div>
        <div>center</div>
        <aux-image mode="center" src="https://static.zhilizhili.com/static/3828461873613813290.jpg"></aux-image>
    </div>
    <div>
        <div>widthFix</div>
        <aux-image mode="widthFix" src="https://static.zhilizhili.com/static/3828461873613813290.jpg"></aux-image>
    </div>
{% endblock %}
